<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        /*----------------------------------------最上边导航条全部内容样式--------------------------------------------------------*/
        #deng-shang-1 { /*最上边导航条*/
            width: 1500px;
            height: 100px;
            background: #444250;
            margin: 0 auto; /*页面整体居中*/
            position: relative; /*为相对定位参照物*/
            top: -15px;
            left: -8px;
        }

        .deng-shang-1-4:hover { /*更改悬停状态*/
            color: red;
            text-decoration: none;
        }

        #deng-img-1-1 { /*左上的图*/
            width: 200px;
            height: 60px;
            position: absolute; /*绝对对定位*/
            left: 40px;
            top: 9px;
        }

        #deng-shang-1-2 { /*首页分类部分*/
            list-style-type: none; /*去掉图标*/
            overflow: hidden; /*避免为0*/
            position: relative;
            left: 450px;
            top: 15px;
        }

        .deng-shang-1-3 {
            float: left; /*全部向左浮动*/
            margin: 10px 20px;
        }

        .deng-shang-1-4 { /*控制头部分类*/
            text-decoration: none; /*去掉下划线*/
            color: white;
            font-size: 22px;
        }
        /*-----------------------------------好品牌有温度--------------------------------------------------------*/
        #bj-c{
            background: #302a34;
            width: 1500px;
            height: 458px;
            position: relative;
            top: 20px;

        }
        #zt-c{
            color: #302a34;
            margin: 0 auto;
            font-weight: normal;
            /*padding: 1px 1px;*/
            font-size: 20px;
            background: #dfd1b5;
            border-radius: 50px;
            width: 145px;
            height: 27px;
            text-align: center;
            position: relative;
            top: 10px;
        }
        #t1-c{
            width: 150px;
            height: 150px;
            position: relative;
            left: 650px;
            top: 25px;
            /*left: 40px;*/
        }

        #t1wz1{
            font-size: 18px;
            color: #dfd1b5;
            position: relative;
            left: 700px;
            top: 40px;

        }
        #t1wz2{
            font-size: 14px;
            color: #dfd1b5;
            position: relative;
            left: 640px;
            top: 55px;
            line-height: 1.8;
        }
        #t2-c{
            width: 150px;
            height: 150px;
            position: relative;
            left: 125px;
            top: -305px;
            /*left: 40px;*/
        }

        #t2wz1{
            font-size: 18px;
            color: #dfd1b5;
            position: relative;
            left: 180px;
            top: -290px;

        }
        #t2wz2{/*1*/
            font-size: 14px;
            color: #dfd1b5;
            position: relative;
            left: 100px;
            top: -275px;
            line-height: 1.8;
        }
        #t3-c{
            width: 150px;
            height: 150px;
            position: relative;
            left: 1122px;
            top: -635px;
            /*left: 40px;*/
        }

        #t3wz1{
            font-size: 18px;
            color: #dfd1b5;
            position: relative;
            left: 1180px;
            top: -617px;

        }
        #t3wz2{
            font-size: 14px;
            color: #dfd1b5;
            position: relative;
            left: 1100px;
            top: -603px;
            line-height: 1.8;

        }
        /*-------------------------------------拼实力有保证---------------------------------------------------------*/
        #bj-s{
            background: #a38b79;
            width: 1500px;
            height: 1300px;

        }
        #t1-s{
            position: relative;
            width: 1222px;
            height: 1222px;
            text-align: center;
            left: 130px;
            top: 50px;
        }
        h1{
            color: #302a34;
            margin: 0 auto;
            font-weight: normal;
            padding: 4px 5px;
            font-size: 25px;
            background: #dfd1b5;
            border-radius: 50px;
            width: 160px;
            position: relative;
            text-align: center;
            top: 50px;
        }
        /*=----------------------------------------下边区域-------------------------------------------------------*/

        .z-zd{
            background: #302a34;
            width: 1500px;
            height: 700px;
        }
        .z-title2>span{
            color: #302a34;
            font-weight: normal;
            padding: 4px 5px;
            font-size: 25px;
            background: #dfd1b5;
            border-radius: 50px;
            width: 160px;
            text-align: center;
            height: 34px;

        }
        .z-jpg{
            width: 100%;
            float: left;
            padding-left: 15px;
            padding-right: 15px;
            position: relative;
        }
        .z-jpg1{
            width: 1500px;
            height: 580px;
            margin: 0 auto;
        }
        .z-title{
            height: 90px;
            text-align: center;
            padding-top: 20px;
        }
        .z-jpg1>img{
            width: 1300px;
            height: 580px;
            display: block;
            border: none;
        }
        .z-zd2{
            background: #cd172c;
            width: 1500px;
            height: 700px;
        }
        .z-title2{
            text-align: center;
        }

        .z-jpg2{
            width: 100%;
            float: left;
            min-height: 1px;
            padding-left: 15px;
            padding-right: 15px;
            position: relative;
        }
        .z-jpg21{
            margin: 0 auto;
        }
        .z-jpg21>img{
            width: 1300px;
            height: 580px;
            display: block;
            border: none;
            position: relative;

        }
        .z-zd4{
            background: #302a34;
            width: 1500px;
            height: 700px;
        }

        .z-jpg4{
            width: 100%;
            float: left;
            min-height: 1px;
            padding-left: 15px;
            padding-right: 15px;
            position: relative;
        }
        .z-jpg4{
            margin: 0 auto;
        }
        .z-jpg41>img{
            width: 1300px;
            height: 580px;
            display: block;
            border: none;
        }
        .z-zd3{
            background: #a38b79;
            width: 1500px;
            height: 700px;
        }

        .z-title3{
            height: 60px;
            text-align: center;
            padding-top: 2px;
        }
        .z-jpg3{
            width: 100%;
            float: left;
            min-height: 1px;
            padding-left: 15px;
            padding-right: 15px;
            position: relative;
        }
        .z-title3>.z-jpg3{
            margin: 0 auto;
        }
        .z-jpg31>img{
            width: 1300px;
            height: 580px;
            display: block;
            border: none;
            position: relative;
            top: 10px;
        }
/*-------------------------=========================最下面============================-------------------*/
        #deng-xia-1-6 { /*最最下边*/
            width: 1500px;
            height: 123px;
            background-color: #302a34;
            font-size: 12px;
            position: absolute;
            top: 4615px;
            color: #f6f5f5;

        }

        #deng-xia-1-6 div {
            position: relative; /*相对定位*/
            top: 40px;
            text-align: center; /*文本内容居中*/
        }

    </style>
</head>
<body>
<div id="deng-shang-1">
    <div id="deng-shang-1-7">
        <a href=""><img id="deng-img-1-1"
                        src="https://www.17sucai.com/preview/10221/2017-05-23/zhukaoguan1/img/icon/site-brand.png"
                        alt=""></a>
        <ul id="deng-shang-1-2">
            <li class="deng-shang-1-3"><a class="deng-shang-1-4" href="index.html">首页</a></li>
            <li class="deng-shang-1-3"><a class="deng-shang-1-4" href="shaokao-2.html">招牌美食</a></li>
            <li class="deng-shang-1-3"><a class="deng-shang-1-4" href="shaokao-3.html">招牌加盟</a></li>
            <li class="deng-shang-1-3"><a class="deng-shang-1-4" href="04.html">企业情况</a></li>
            <li class="deng-shang-1-3"><a class="deng-shang-1-4" href="shaokao-4.html">联系我们</a></li>
            <li v-if="user==''" class="deng-shang-1-3"><a class="deng-shang-1-4" href="/login.html">管理员入口</a></li>
            <li v-if="user!=''" class="deng-shang-1-3"><a class="deng-shang-1-4" href="/admin.html">管理页面</a></li>
        </ul>
    </div>
    <!--------------------------------------好品牌有温度------------------------------------------------------------>

    <section id="bj-c">
        <div id="zt-c">好品牌有温度</div>
        <div>
            <div ><img id="t1-c" src="https://www.17sucai.com/preview/10221/2017-05-23/zhukaoguan1/img/icon/head-2.png" alt=""></div>
            <div id="t1wz1">口味</div>
            <div id="t1wz2">味道要经过沉淀才能成熟，主烤<br>官项目以中创永信（北京）食品<br>科学研究院1
                3年如一日的食品研<br>&nbsp&nbsp究为根基，对烧烤和卤味从原<br>料，腌料，串法，烤法，蘸料
                多<br>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp方面潜心钻研。</div>
        </div>
        <div>
            <div ><img id="t2-c" src="https://www.17sucai.com/preview/10221/2017-05-23/zhukaoguan1/img/icon/head-1.png" alt=""></div>
            <div id="t2wz1">口味</div>
            <div id="t2wz2">味道要经过沉淀才能成熟，主烤<br>官项目以中创永信（北京）食品<br>科学研究院1
                3年如一日的食品研<br>&nbsp&nbsp究为根基，对烧烤和卤味从原<br>料，腌料，串法，烤法，蘸料
                多<br>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp方面潜心钻研。</div>
        </div>
        <div>
            <div ><img id="t3-c" src="https://www.17sucai.com/preview/10221/2017-05-23/zhukaoguan1/img/icon/head-1.png" alt=""></div>
            <div id="t3wz1">口味</div>
            <div id="t3wz2">味道要经过沉淀才能成熟，主烤<br>官项目以中创永信（北京）食品<br>科学研究院1
                3年如一日的食品研<br>&nbsp&nbsp究为根基，对烧烤和卤味从原<br>料，腌料，串法，烤法，蘸料
                多<br>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp方面潜心钻研。</div>
        </div>
    </section>
    <!--------------------------------------------------拼实力有保证----------------------------------------------------->
    <section id="bj-s">
        <h1>拼实力有保证</h1>
        <div><img id="t1-s"  src="https://www.17sucai.com/preview/10221/2017-05-23/zhukaoguan1/img/icon/sr-1.png"></div>
    </section>
    <!--=================================================下边区域===================================================-->
    <div class="container">
        <div class="z-zd">
            <div class="z-title"><h1>加盟模式</h1></div>
            <div class="z-jpg">
                <div class="z-jpg1" align="center">
                    <img  src="https://www.17sucai.com/preview/10221/2017-05-23/zhukaoguan1/img/icon/sr-2.png" alt="">
                </div>
            </div>
        </div>
        <div class="z-zd2">
            <div class="z-title2"><h1>加盟支持</h1></div>
            <div class="z-jpg2">
                <div class="z-jpg21" align="center">
                    <img  src="https://www.17sucai.com/preview/10221/2017-05-23/zhukaoguan1/img/icon/sr-3.png" alt="">
                </div>
            </div>
        </div>
        <div class="z-zd4">
            <div class="z-jpg4">
                <div class="z-jpg41" align="center">
                    <img  src="https://www.17sucai.com/preview/10221/2017-05-23/zhukaoguan1/img/icon/sr-4.png" alt="">
                </div>
            </div>
        </div>
        <div class="z-zd3">
            <div class="z-title3"><h1>我要加盟</h1></div>
            <div class="z-jpg3">
                <div class="z-jpg31" align="center">
                    <img  src="https://www.17sucai.com/preview/10221/2017-05-23/zhukaoguan1/img/icon/sr-5.png" alt="">
                </div>
            </div>
        </div>
    </div>
<!-----------------------------------------------------最下面-------------------------------------------------->
    <div id="deng-xia-1-6">
        <div>联系电话:13889862323 联系人:黄先生</div>
        <div>Copyright © 2019-2021 www.a-ui.cn 地址：沈阳市皇姑区黄河大街昆山路43号</div>
    </div>

</div>
<!--引入vue-->
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<!--引入axion-->
<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>
<script>
    let vm = new Vue({
        el:"#deng-shang-1-2",
        data:{user:{}},
        created:function () {
            axios.get("/check").then(function (response) {
                vm.user=response.data
            })
        }
    })
</script>
</body>
</html>